<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit">
<title>核心猎头</title>
<link rel="stylesheet" href="../../Content/css/bootstrap.min.css" />
<link rel="stylesheet" href="../../Content/css/font-awesome.min.css" />
<link rel="stylesheet" href="../../Content/css/base.css" />
<link rel="stylesheet" type="text/css" href="../../Content/css/user.css"/>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

<body>
<header id="header">
    <!--头部文件从最下面load读取 ../public/head.html--> 
</header>
<div id="left">
	<!--菜单文件从最下面load读取 ../public/mainLeft.html-->
</div>
<div class="main-right container-fluid" id="mainRight">
    <div class="container-fluid">
        <div class="row col-md-12">
            <div class="filter-box">
                
            </div>
        </div>
      	<div class="row col-md-12">
    		<div class="filter">
	    		<ul class="list-unstyled">
	    			<li ><a href="#" data-order="order">成单金额
		    				<i class="caret caret-top caret-grey"></i> 
							<i class="caret caret-down caret-grey"></i>
						</a>
	    			</li>
	    			<li><a>成单数量</a></li>
	    			<li><a>评分</a></li>
	    			<li><a>更新时间</a></li>
	    			<li style="width:auto" class="form-inline margin-left-15">
	 	 			<input type="text" class="form-control" placeholder="猎头公司名称" />
	 	 			<a href="#" class="btn btn-primary" style="color: white;"><span class="glyphicon glyphicon glyphicon-search"></span>  搜索</a>
					<select name="" class="form-control margin-left-15">
						<option value="">管理员</option>
						<option value="">全体成员</option>
						<option value="">成员1</option>
						<option value="">成员2</option>
						<option value="">成员3</option>
					</select>
	 	 		</li>
	    		</ul>
    		</div>
    	</div>
    	<div class="row col-md-12">
    		<div class="mylist margin-top-15 ">
    			 <table class="table table-hover filter-table" border="0" cellpadding="0" cellspacing="0">
    			 	 <thead>
    			 	 	<tr>
    			 	 		<th style="width: 300px;">公司名称</th>
    			 	 		<th style="width: 440px;">业务统计</th>
    			 	 		<th style="width: 120px;">更新时间</th>
    			 	 		<th style="width: 120px;">操作</th>
    			 	 	</tr>
    			 	 </thead>
    			 	 <tbody>
    			 	 	<tr>
    			 	 		<td>
    			 	 			<div class="company-info">
    			 	 				<span class="company-logo"><img src="../../Content/images/web_shield.png"/></span>
    			 	 				<ul class="list-unstyled">
	    			 	 				<li class="company-title">xxx猎头公司</li>
	    			 	 				<li class="company-industry">擅长行业: xxx</li>
	    			 	 				<li class="company-function">擅长职能: xxx</li>
	    			 	 				<li class="company-scale">公司规模: xx~xx</li>
	    			 	 				<li class="company-address"><i class="glyphicon glyphicon-map-marker"></i> 北京 朝阳区</li>
	    			 	 			</ul>
    			 	 			</div>
    			 	 		</td>
    			 	 		<td class="business-info">
    			 	 			<div class="border-solid-ddd">
	    			 	 			<ul class="list-unstyled">
	    			 	 				<li>成单数量：12 (最近一年)</li>
	    			 	 				<li>成单总额：￥200,001 (最近一年)</li>
	    			 	 				<li>总体评分：5.00 (最近一年)</li>
	    			 	 				<li>推荐候选人质量：4.85 (最近一年)</li>
	    			 	 				<li>顾问专业化程度: 4.95</li>
	    			 	 				<li>客户点评:4</li>
	    			 	 				
	    			 	 			</ul>
    			 	 			</div>
    			 	 			<div class="border-solid-ddd">
	    			 	 			<ul class="list-unstyled">
	    			 	 				<li>合作单数：8 (最近一年)</li>
	    			 	 				<li>合作成单额：￥200,001 (最近一年)</li>
	    			 	 				<li>总体评分: 12</li>
	    			 	 				<li>推荐候选人质量:4.95</li>
	    			 	 				<li>顾问专业化程度: 4.95</li>
	    			 	 				<li>给予点评:4</li>
	    			 	 			</ul>
    			 	 			</div>
    			 	 			
    			 	 		</td>
    			 	 		<td class="update-time">
    			 	 			<div>
	    			 	 			<ul class="list-unstyled">
	    			 	 				<li>22小时前</li>
	    			 	 				<li>2015-2-10 22:22:22</li>
	    			 	 			</ul>
    			 	 			</div>
    			 	 		</td>
    			 	 		<td class="operate">
								  <button type="button" class="btn btn-primary " >移除核心</button>
								  
    			 	 		</td>
    			 	 	</tr>
    			 	 	<tr>
    			 	 		<td>
    			 	 			<div class="company-info">
    			 	 				<span class="company-logo"><img src="../../Content/images/web_shield.png"/></span>
    			 	 				<ul class="list-unstyled">
	    			 	 				<li class="company-title">xxx猎头公司</li>
	    			 	 				<li class="company-industry">擅长行业: xxx</li>
	    			 	 				<li class="company-function">擅长职能: xxx</li>
	    			 	 				<li class="company-scale">公司规模: xx~xx</li>
	    			 	 				<li class="company-address"><i class="glyphicon glyphicon-map-marker"></i> 北京 朝阳区</li>
	    			 	 			</ul>
    			 	 			</div>
    			 	 		</td>
    			 	 		<td class="business-info">
    			 	 			<div class="border-solid-ddd">
	    			 	 			<ul class="list-unstyled">
	    			 	 				<li>成单数量：12 (最近一年)</li>
	    			 	 				<li>成单总额：￥200,001 (最近一年)</li>
	    			 	 				<li>总体评分：5.00 (最近一年)</li>
	    			 	 				<li>推荐候选人质量：4.85 (最近一年)</li>
	    			 	 				<li>顾问专业化程度: 4.95</li>
	    			 	 				<li>客户点评:4</li>
	    			 	 				
	    			 	 			</ul>
    			 	 			</div>
    			 	 			<div class="border-solid-ddd">
	    			 	 			<ul class="list-unstyled">
	    			 	 				<li>合作单数：8 (最近一年)</li>
	    			 	 				<li>合作成单额：￥200,001 (最近一年)</li>
	    			 	 				<li>总体评分: 12</li>
	    			 	 				<li>推荐候选人质量:4.95</li>
	    			 	 				<li>顾问专业化程度: 4.95</li>
	    			 	 				<li>给予点评:4</li>
	    			 	 			</ul>
    			 	 			</div>
    			 	 		</td>
    			 	 		<td class="update-time">
    			 	 			<div>
	    			 	 			<ul class="list-unstyled">
	    			 	 				<li>22小时前</li>
	    			 	 				<li>2015-2-10 22:22:22</li>
	    			 	 			</ul>
    			 	 			</div>
    			 	 		</td>
    			 	 		<td class="operate">
								<button type="button" class="btn btn-primary " >移除核心</button>
    			 	 		</td>
    			 	 	</tr>
    			 	 </tbody>
    			 </table>
    		</div>
    	</div>
    	<div class="row col-md-12">
    		<div class="page-bar">
				<div class="pull-left">总共: 2,555 条结果</div>
				<nav class="pull-right">
				  <ul class="pagination">
				    <li>
				      <a href="#" aria-label="Previous">
				        <span aria-hidden="true">&laquo;</span>
				      </a>
				    </li>
				    <li class="active"><a href="#">1</a></li>
				    <li><a href="#">2</a></li>
				    <li><a href="#">3</a></li>
				    <li><a href="#">4</a></li>
				    <li><a href="#">5</a></li>
				    <li>
				      <a href="#" aria-label="Next">
				        <span aria-hidden="true">&raquo;</span>
				      </a>
				    </li>
				  </ul>
				</nav>
			</div>
    	</div>
    </div>
</div>

<script src="../../Scripts/jquery.min.js"></script>
<script src="../../Scripts/bootstrap.min.js"></script>
<script src="../../Scripts/jquery.searchbox.animate.js"></script>
<script src="../../Scripts/bootbox.min.js"></script>
<script src="../../Scripts/base.js" type="text/javascript" charset="utf-8"></script>
<script>
	$(function(){
		//读取共用的头部和菜单文件
		$("#header").load("../public/head.html nav",function(){
			$('[data-toggle="tooltip"]').tooltip();  //头部鼠标划过提示
			$('.search-box').searchbox({speed:500}); //头部搜索
		});
		$('#left').load('../public/mainLeft.html .main-left');
		
		//表格排序
		$("[data-order='order']").click(function(){
			$(this).order("desc");
		//	$(this).order("asc");  正序
			$.alert("倒序排序，使用方法 : $().order('desc')")
		});
		
		
		
	})
</script>
</body>
</html>
